:root {
  --blue-color: #006ab6;
  --orange-color: #f6961e;
  --white-color: #fff;
  --green-color: #16a34a;
  --red-color: #dc2626;
}
/* ----------- added new custom css start ---------- */

/* ----------- google translet css end ------------ */
/* Hide Google branding bar */
.goog-te-banner-frame.skiptranslate {
    display: none !important;
}
body {
    top: 0px !important;
}

/* Make dropdown cleaner */
#google_translate_element {
    display: inline-block;
}
.goog-te-gadget {
    font-family: 'Arial', sans-serif;
    font-size: 14px;
    color: #333;
}
.goog-te-gadget-simple {
    background: #f8f9fa;
    border: 1px solid #ddd;
    padding: 5px 10px;
    border-radius: 6px;
    cursor: pointer;
}

/* ----------- google translet css start ------------ */

/* -------------new page design css added start------------- */
.table th {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}

.table-hover tbody tr:hover {
    background-color: #f1f7ff;
}

.btn {
    transition: all 0.2s ease;
}
.btn:hover {
    transform: translateY(-2px);
}

/* -------------new page design css added end------------- */


.donate-text{
  font-size: 20px !important;
}
.view-details{
  cursor: pointer !important;
}
.account-details{
  border: 1px solid;
}
.categories-container li{
  border: 0px;
}
.categories-container li a{
  text-decoration: none;
}
#posts-list a{
  text-decoration: none;
}
#posts-list a{
  color: #212529;
}
.single-view-tool strong{
  padding: 5px;
} 
/* #posts-list a:hover{
  color: #f6961e;
} */
#search-query{
  border: 1px solid #f6961e;
}
.donor-card{
  box-shadow: 0 8px 10px -10px;
}
/* ----------- added new custom css end ---------- */
.btn-blue {
  background-color: var(--blue-color);
  color: var(--white-color);
}

.btn-blue:hover {
  background-color: var(--blue-color);
  color: var(--white-color);
}

.btn-orange {
  background-color: var(--orange-color);
}

.btn-orange:hover {
  background-color: var(--orange-color);
}

.help-btn {
  all: unset;
  border: 1px solid var(--blue-color);
  border-radius: 8px;
  padding: 8px 14px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--orange-color);
  transition: all 0.236ms ease-in-out;
}

.help-btn:hover {
  border: 1px solid var(--orange-color);
  background-color: var(--orange-color);
  color: var(--white-color);
}

.text-green {
  color: var(--green-color);
}

.text-red {
  color: var(--red-color);
}

.text-orange {
  color: var(--orange-color);
}

/* nav */

.px18-weight500 {
  font-size: 18px;
  font-weight: 500;
}

.px18-weight500 li a:hover {
  color: var(--orange-color) !important;
}

.active-link {
  color: var(--orange-color) !important;
}

/* category */

.categories-container {
  font-size: 18px;
}

.categories-container li a:hover {
  color: var(--orange-color) !important;
}

/* filter button */

.filter-btn-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
}

.border-orange{
  border-color: var(--orange-color);
}

.border-orange:hover{
  border-color: var(--orange-color);
}